<!DOCTYPE html>
<html>
 <head>
     <title>前端艺术</title>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <meta name="description" content="前端艺术">
     <link rel="stylesheet" type="text/css" href="css/main.css">
     <link rel="stylesheet" type="text/css" href="css/layout.css">
     
     <script type="text/javascript" src="js/main.js"></script>
     <script type="text/javascript" src="js/jquery.1.7.2.min.js"></script>
 </head>
 <body>
     <header id="branding" role="banner">
        <div id="head-inner">
           <div class="logo">
             <h1 id="site-title">
                <a href="http://www.juerry.com/" title="前端艺术" rel="home">
                  <img src="images/logo.png">
                </a>
             </h1>
           </div>
           <div id="mini-nav">
           </div>
           <div id="main-nav" class="inactive">
             <ul>
                <li class="home">
                    <a href="http://www.juerry.com/">首页</a>
                </li>
                <li class="lab">
                    <a href="mylab/mylab.html">实验室</a>
                </li>
                 <li class="blog">
                    <a href="myblog/">博客</a>
                </li>
                <li class="membership" style="background: #D24D33;">
                    <a href="http://www.juerry.com/">友联</a>
                </li>
             </ul>
           </div>
        </div>
     </header>  
     <div id="main">
                        <div  class="grid1k"> <a  href="http://www.juerry.com/mylab/TextEditor/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="http://png.findicons.com/files/icons/1035/human_o2/128/stock_notes.png"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="http://png.findicons.com/files/icons/1035/human_o2/128/stock_notes.png"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">HTML5记事本/offline storage</h5>
                    <p  class="color_666">HTML5记事本应用filesystem 
                      实现离线存储的功能，即offline 
                      storage,用户编写的文本将会保
                      存在本地计算机的一个称为沙箱..
                      </p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">HTML5记事本/offline storage</h5>
                    <p  class="color_999">HTML5记事本应用filesystem 
                      实现离线存储的功能，即offline 
                      storage,用户编写的文本将会保
                      存在本地计算机的一个称为沙箱..</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://sc.admin5.com/"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-1.jpg"  width="118" height="78" alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">节 能/Saving</h5>
                    <p  class="color_666">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">节 能/Saving</h5>
                    <p  class="color_999">玻璃窗是建筑物中隔热和保温最
                      薄弱的环节。Sunscape太阳隔
                      热膜能使您的窗户增加隔热和保
                      温性能从而有助于增加舒适性</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/mobile.html"  class="one_fourth_box ofb-r fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-3.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-3-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">移动互联网</h5>
                    <p  class="color_666">移动互联网：手机网站建设、APP客户端开发，Android、IOS、Winphone 多平台支持</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">移动互联网</h5>
                    <p  class="color_999">移动互联网：手机网站建设、APP客户端开发，Android、IOS、Winphone 多平台支持</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/maintain.html"  class="one_fourth_box fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-2.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-2-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">网站运维</h5>
                    <p  class="color_666">您多长时间更新一次网站？每天、每周还是半年...<br>
                      网站运行的怎么样？给您带来收益了吗？<br>
                      网站的运营与维护将决定网站的生命质量。</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">网站运维</h5>
                    <p  class="color_999">您多长时间更新一次网站？每天、每周还是半年...网站运行的怎么样？给您带来收益了吗？网站的运营与维护将决定网站的生命质量。</p>
                  </div>
                  </a> <a  href="http://www.bygw.net/service/prdouct.html"  class="one_fourth_box ofb-r fl">
                  <div  class="ofb-bg"  style="display: none;"></div>
                  <div  class="ofb-img mypng"  style="top: 25px;"><img  src="images/1of4-4.png"  alt=""></div>
                  <div  class="ofb-img-bottom mypng"  style="top: 160px;"><img  src="images/1of4-4-h.png"  alt=""></div>
                  <div  class="ofb-text"  style="top: 25px;">
                    <h5  class="color_333">产品开发</h5>
                    <p  class="color_666">互联网功能性平台建设，定制化网站产品开发服务。成熟的功能性网站产品销售。</p>
                  </div>
                  <div  class="ofb-text-top"  style="top: -110px;">
                    <h5  class="color_orange">产品开发</h5>
                    <p  class="color_999">互联网功能性平台建设，定制化网站产品开发服务。成熟的功能性网站产品销售。</p>
                  </div>
                  </a> </div>
                <div style="text-align:center;clear:both"><br>
                </div>
   </div>
   <footer>
     <div id="left">
      <a><p>关于我们</p></a>

     </div>
     <div id="middle">
       <a><p>联系我们：</p></a>
       <a><p style="text-decoration:none;">QQ群：116223028</p></a>
       <p style="text-decoration:none;">Copyright © 2014 前端艺术. All Rights Reserved.</p>
     </div>
     <div id="right">
     </div>
   </footer>  
 </body>
</html>